<html>
	<head>
		<meta charset='utf=8'>
		<title> 学习页面</title>
	</head>
	<body>
		<h1 id = "h1_title">hello world</h1>
		<h2>hello html</h2>
		<p>
			p表示一个段落，段落结束会有行间距
			在html中，直接按回车在html中不会换行
			不信看看
			要使用br <br/>现在就可以换行了
		</p>
		上一个段落结束了<br/>
		<img src='./方大同.jpg' width=300px height=300px><br/>
		<a href='https://www.bilibili.com'> 这是一个超链接，可以跳转到哔站</a>
		<form action="action" method="post">
			user name<br/>
			<input type="text" id="username"name="user name"><br/>
			password<br/>
			<input type="password" id="password" name="password"><br/>
			<input type="submit" name="提交" value="提交"><br/>
		</form>
		<button onclick="test()">这是一个按钮</button>
	</body>
	<script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js">
	</script>
	<script>
		var ws = new WebSocket("ws://139.9.134.152:8080/ws");
		ws.onopen = function() {
			alert("ws 握手成功");
		}
		ws.onerror = function() {
			alert("ws 通信错误");
		}
		ws.onclose = function() {
			alert("ws 连接关闭");
		}
		ws.onmessage = function(evt) {
			//alert(evt.data);
			var h2 = document.getElementById("h1_title");
			h2.innerHTML = evt.data;
		}
		function test()  {
			ws.send(document.getElementById("username").value)
			document.getElementById("username").value = "";


			/*
			var login_info = {
				username : document.getElementById("username").value,
				password : document.getElementById("password").value
			}
			$.ajax({
				type : "post",
				url : "http://139.9.134.152:8080/login",
				data : JSON.stringify(login_info),
				success : function (res, statu, xhr) {
					alert(res);
				},
				error : function(xhr) {
					alert(JSON.stringify(xhr));
				}
			});
			*/
			//alert("你好！！！");
			//var name = document.getElementById("username");
			//var password = document.getElementById("password");
			//alert(name.value);
			//name.value = "";
			//alert(password.value);
			//password.value = "";
		}
	</script>
</html>